<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	function toggleMe(a) {
		var e = document.getElementById(a);
		if (!e)
			return true;
		if (e.style.display == "none") {
			e.style.display = "block"
		} else {
			e.style.display = "none"
		}
		return true;
	}
</script>
<title>ADM003 Page</title>
</head>
<body>
<f:view beforePhase="#{userManaged.initPage}">
	<!-- Begin vung header -->
	<jsp:include page="header.jsp"></jsp:include>
	<!-- End vung header -->
	<!-- Begin vung dieu kien tim kiem -->
	<h:form>
		<!-- Begin vung input-->
		<table class="tbl_input" border="0" width="75%" cellpadding="0"
			cellspacing="0">
			<tr>
				<th align="left">
				<div style="padding-left: 100px;">会員情報編集</div>
				</th>
			</tr>
			<tr>
				<td class="errMsg">
				<div style="padding-left: 120px">&nbsp;</div>
				</td>
			</tr>
			<tr>
				<td align="left">
				<div style="padding-left: 100px;">
				<table border="0" width="100%" class="tbl_input" cellpadding="4"
					cellspacing="0">
					<h:messages style="color:red"></h:messages>
					<t:dataList var="msg" value="#{userManaged.lsErrorMessage}">
						<h:outputText value="#{msg}" style="color:red;"></h:outputText>
					</t:dataList>
					<tr>
						<td class="lbl_left"><font color="red">*</font> <h:outputText
							value="アカウント名:: "></h:outputText></td>
						<td align="left"><h:inputText
							value="#{userManaged.loginName}" styleClass="txBox"
							required="true" label="アカウント名"
							onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';" size="15">
							<f:validator validatorId="validatorLoginName" />
						</h:inputText></td>
					</tr>
					<tr>
						<td class="lbl_left"><font color="red">*</font> <h:outputText
							value=" グループ:"></h:outputText></td>
						<td align="left"><h:selectOneListbox size="1"
							value="#{userManaged.groupId}" label="グループ" required="true"
							id="グループ">
							<f:selectItems value="#{userManaged.lsItemGroup}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.groupId}" /> <span>&nbsp;&nbsp;&nbsp;</span></td>
					</tr>
					<tr>
						<td class="lbl_left"><font color="red">*</font> <h:outputText
							value=" 氏名:"></h:outputText></td>
						<td align="left"><h:inputText styleClass="txBox" size="30"
							onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';" required="true"
							label="氏名" value="#{userManaged.fullName}">
							<f:validateLength maximum="255" />
						</h:inputText></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputText value="カタカナ氏名:"></h:outputText>
						</td>
						<td align="left"><h:inputText styleClass="txBox"
							value="#{userManaged.fullNameKana}" size="30"
							onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';" label="カタカナ氏名">
							<f:validator validatorId="validatorKatakana" />
							<f:validateLength maximum="255" />
						</h:inputText></td>
					</tr>
					<tr>
						<td class="lbl_left"><font color="red">*</font> <h:outputText
							value=" 生年月日:"></h:outputText></td>
						<td align="left"><h:selectOneListbox id="birthdayYear"
							value="#{userManaged.birthdayYear}" size="1">
							<f:selectItems value="#{userManaged.lsItemBirthdayYear}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.birthdayYear}" /> 年 <h:selectOneListbox
							value="#{userManaged.birthdayMonth}" size="1" id="birthdayMonth">
							<f:selectItems value="#{userManaged.lsItemBirthdayMonth}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.birthdayMonth}" /> 月 <h:selectOneListbox
							value="#{userManaged.birthdayDay}" size="1" id="birthdayDay">
							<f:selectItems value="#{userManaged.lsItemBirthdayDay}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.birthdayDay}" /> 日</td>
					</tr>
					<tr>
						<td class="lbl_left"><font color="red">*</font> <h:outputText
							value=" メールアドレス:"></h:outputText></td>
						<td align="left"><h:inputText styleClass="txBox"
							value="#{userManaged.email}" size="30" required="true"
							label="メールアドレス" onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';">
							<f:validator validatorId="validatorEmail" />
							<f:validateLength maximum="100" />
						</h:inputText></td>
					</tr>
					<tr>
						<td class="lbl_left"><font color="red">*</font> <h:outputText
							value="電話番号:"></h:outputText></td>
						<td align="left"><h:inputText styleClass="txBox"
							value="#{userManaged.tel}" size="30" required="true" label="電話番号"
							onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';">
							<f:validateLength maximum="14" />
							<f:validator validatorId="validatorTel" />
						</h:inputText></td>
					</tr>
					<tr>
						<td class="lbl_left"><font color="red">*</font> <h:outputText
							value=" パスワード:"></h:outputText></td>
						<td align="left"><h:inputSecret styleClass="txBox"
							value="#{userManaged.password}" size="30" required="true"
							label="パスワード" onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';">
							<f:validator validatorId="validatorPassword" />
						</h:inputSecret></td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputText value="パスワード（確認）:"></h:outputText>
						</td>
						<td align="left"><h:inputSecret styleClass="txBox"
							value="#{userManaged.passwordConfirm}" size="30" required="true"
							label="パスワード（確認）" onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';"></h:inputSecret></td>
					</tr>
					<tr>
						<th align="left" colspan="2"><a href="#"
							onclick="return toggleMe('display');">日本語能力</a></th>
					</tr>
				</table>
				<table id="display" style="display: none;">
					<tr>
						<td class="lbl_left">資格:</td>
						<td align="left"><h:selectOneListbox size="1"
							value="#{userManaged.codeLevel}" label="資格" id="資格">
							<f:selectItems value="#{userManaged.lsItemJapan}" />
						</h:selectOneListbox> <t:saveState value="#{userManaged.codeLevel}" /></td>
					</tr>
					<tr>
						<td class="lbl_left">資格交付日:</td>
						<td align="left"><h:selectOneListbox
							value="#{userManaged.startYear}" size="1">
							<f:selectItems value="#{userManaged.lsItemStartYear}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.startYear}" /> 年 <h:selectOneListbox
							value="#{userManaged.startMonth}" size="1">
							<f:selectItems value="#{userManaged.lsItemStartMonth}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.startMonth}" /> 月 <h:selectOneListbox
							value="#{userManaged.startDay}" size="1">
							<f:selectItems value="#{userManaged.lsItemStartDay}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.startDay}" /> 日</td>
					</tr>
					<tr>
						<td class="lbl_left">失効日:</td>
						<td align="left"><h:selectOneListbox
							value="#{userManaged.endYear}" size="1">
							<f:selectItems value="#{userManaged.lsItemEndYear}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.endYear}" /> 年 <h:selectOneListbox
							value="#{userManaged.endMonth}" size="1">
							<f:selectItems value="#{userManaged.lsItemEndMonth}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.endMonth}" /> 月 <h:selectOneListbox
							value="#{userManaged.endDay}" size="1">
							<f:selectItems value="#{userManaged.lsItemEndDay}" />
						</h:selectOneListbox><t:saveState value="#{userManaged.endDay}" /> 日</td>
					</tr>
					<tr>
						<td class="lbl_left"><h:outputText value="点数:"></h:outputText>
						</td>
						<td align="left"><h:inputText styleClass="txBox"
							value="#{userManaged.totalStr}" size="5"
							onfocus="this.style.borderColor='#0066ff';"
							onblur="this.style.borderColor='#aaaaaa';" label="点数">
							<f:validator validatorId="validatorHalfSize" />
						</h:inputText></td>
					</tr>
				</table>
				</div>
				</td>
			</tr>
		</table>
		<div style="padding-left: 100px;">&nbsp;</div>
		<!-- Begin vung button -->
		<div style="padding-left: 45px;">
		<table border="0" cellpadding="4" cellspacing="0" width="300px">
			<tr>
				<th width="200px" align="center">&nbsp;</th>
				<td><h:commandButton styleClass="btn" value="確認"
					action="#{userManaged.doConfirm}"></h:commandButton></td>
				<td><h:commandButton styleClass="btn" value="戻る"></h:commandButton></td>
			</tr>
		</table>
		</div>
		<!-- End vung button -->
	</h:form>
	<!--Begin vung footer--><jsp:include page="footer.jsp"></jsp:include>
	<!-- End vung footer -->
</f:view>
</body>
</html>